<div>
    <h3>Validation Rules</h3>
</div>
<hr>
<h5>
    Upload White list (.csv file - Action,CapitalIqId,ResearchProduct)
</h5>
<input #selectedFile type="file" ng2FileSelect [uploader]="fileUploader" accept=".csv"/>

<div class="row mt-2">
    <button *ngIf="canUpload" class="btn btn-primary-dark" (click)="upload()">Upload selected file for import</button>
</div>

<span *ngIf="warningMessages && warningMessages.length > 0">
    <h6 class="mt-3">File partially processed. Following lines were ignored.</h6>
    <ul>
        <li *ngFor="let message of warningMessages">{{message}}</li>
    </ul>
</span>

<h5 class="mt-5">
    Download White list (.csv file)
</h5>
<button class="btn btn-primary-dark" (click)="download()">Download</button>